<style type="text/css">
	.outter {
		float: left;
		width: 100%;
	}
	
	.inner {
		width: 700px;
		margin: auto;
	}
	
	.header {
		background: #EEE;
		font-size: 20px;
	}
	
	.minImg {
		width: 40px;
		height: 40px;
	}
</style>
<script type="text/javascript">
function proceedAdding()
{
	document.forms.addForm.submit();
}

function goIndex()
{
	location.href = '/image_posts/index';
}
</script>
<div class="outter">
	<div class="inner">
		<div class="header">
			<p>Image board 글쓰기</p>
		</div>
		<form name="addForm" method="post" action="/image_posts/add/" enctype="multipart/form-data">
			<table>
				<tr>
					<th>제목</th>
					<td>
						<input type="text" name="data[ImagePost][title]" value=""/>
					</td>
				</tr>
				<tr>
					<th>사진</th>
					<td>
						<input type="file" name="data[ImagePost][image_source]" value=""/>
					</td>
				</tr>
				<tr>
					<th>설명</th>
					<td>
						<input type="text" name="data[ImagePost][body]" value=""/>
					</td>
				</tr>
			</table>
		</form>
		<div>
			<input type="button" value="글쓰기" onclick="javascript:proceedAdding();" style="cusor: pointer;"/>
			<input type="button" value="목록가기" onclick="javascript:goIndex();" style="cusor: pointer;"/>
		</div>
	</div>
</div>